﻿@model ParticipacionVecinalWeb.Models.ParticipacionVecinal.IV
@{
    ViewBag.Title = "Iniciativa Vecinal";
    Layout = "~/Views/Shared/_LayoutMaster.cshtml";
    int fila = 1; 
}

@section ScriptsSection {
    <script src="~/Scripts/ParticipacionVecinal/IniciativaVecinal.js"></script>
}

<div class="container-fluid" id="idContenedor">
    <input type="hidden" id="hidId" value="@Model.ID" />
    <input type="hidden" id="hidReq" value="@Model.D" />

    <h1 class="page-header">Iniciativa Vecinal</h1>
    <hr />

    <div class="row show-grid" style="margin-top: 10px;">
        <div class="col-md-10">
            <div class="col-md-2 col-xs-3">
                <label>N° de Iniciativa</label>
            </div>
            <div class="col-md-2 col-xs-3 " style="color: #5cb85c;">
                <label id="lblIniciativa">@Model.C</label>
            </div>
        </div>
        <div class="col-md-10">
            <div class="col-md-4 col-xs-3">
                <label>Fecha de Registro</label>
            </div>
            <div class="col-md-2 col-xs-3" style="color: #5cb85c;">
                <label id="lblFecReg">@Model.FE</label>
            </div>
        </div>
    </div>

    <div class="row show-grid" style="margin-top: 10px;">
        <div class="col-md-10">
            <div class="col-md-2 col-xs-3">
                <label>Hora</label>
            </div>
            <div class="col-md-2 col-xs-3 " style="color: #5cb85c;">
                <label id="lblHora">@Model.HO</label>
            </div>
        </div>
        <div class="col-md-10">
            <div class="col-md-4 col-xs-3">
                <label>Responsable</label>
            </div>
            <div class="col-md-2 col-xs-3" style="color: #5cb85c;">
                <label id="lblResponsable">@Model.R</label>
            </div>
        </div>
    </div>


    <div class="row show-grid" style="margin-top: 10px;">
        <div class="col-md-10">
            <div class="col-md-2 col-xs-3">
                <label>Sector</label>
            </div>
            <div class="col-md-2 col-xs-3 " style="color: #5cb85c;">
                <label id="lblSector">@Model.SE</label>
            </div>
        </div>
        <div class="col-md-10">
            <div class="col-md-4 col-xs-3">
                <label>Subsector</label>
            </div>
            <div class="col-md-2 col-xs-3" style="color: #5cb85c;">
                <label id="lblSubsector">@Model.S</label>
            </div>
        </div>
    </div>



    <div class="row show-grid" style="margin-top: 10px;">
        <div class="col-md-10">
            <div class="col-md-4 col-xs-3">
                <label>Descripción corta de iniciativa</label>
            </div>
            <div class="col-md-2 col-xs-3" style="color: #5cb85c;">
                <label id="lblCuidado">@Model.DE</label>
            </div>
        </div>
        <div class="col-md-10">
            <div class="col-md-2 col-xs-3">
            </div>
            <div class="col-md-2 col-xs-3">
            </div>
        </div>
    </div>


    <div class="row show-grid" style="margin-top: 10px;">
        <div class="col-md-10">
            <div class="col-md-8 col-xs-9">
                <label>Lista de Vecinos que realizaron la propuesta:</label>
            </div>
            <div class="col-md-2 col-xs-3">
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-11 col-sm-offset-1 col-md-11 col-md-offset-1">

            <div class="k-grid k-widget">
                <div class="k-grid-header">
                    <div class="k-grid-header-wrap">
                        <table role="grid">
                            <thead>
                                <tr>
                                    <th class="k-header" style="display: none;">Id</th>
                                    <th class="k-header" style="display: none;">Fl</th>
                                    <th class="k-header">Dni</th>
                                    <th class="k-header">Nombre</th>
                                    <th class="k-header">Dirección</th>
                                    @* <th class="k-header">Acción</th>*@
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
                <div class="k-grid-content">
                    <table role="grid" id="tblVecino">
                        <tbody role="rowgroup">
                            @foreach (var item in Model.V) {

                                <tr @(fila % 2 == 0 ? "" : "class='k-alt'") >
                                    <td role="gridcell" style="display: none;">@item.ID</td>
                                    <td role="gridcell" style="display: none;">1</td>
                                    <td role="gridcell">@item.N</td>
                                    <td role="gridcell">@item.AP</td>
                                    <td role="gridcell">@item.AM</td>
                                    @*<td role="gridcell">
                                        <div class="k-grid-historico k-button" onclick="fn_EliminarFila(this);">
                                            <span class="k-icon k-i-maximize"></span>&nbsp;&nbsp;Eliminar'
                                        </div>
                                    </td>*@
                                </tr>
                                fila++;
                            }
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </div>

    <div class="row show-grid" style="margin-top: 10px;">
        <div class="col-md-10">
            <div class="col-md-8 col-xs-9">
                <label>Detalle de Iniciativa:</label>
            </div>
            <div class="col-md-2 col-xs-3">
            </div>
        </div>
    </div>


    <div class="row show-grid" style="margin-top: 10px;">
        <div class="col-md-10">
            <div class="col-md-8 col-xs-9">
                <textarea id="txtDetalle" cols="100" disabled>@Model.DET</textarea>
            </div>
            <div class="col-md-2 col-xs-3">
            </div>
        </div>
    </div>

    <div class="row show-grid" style="margin-top: 10px;">
        <div class="col-md-10">
            <div class="col-md-8 col-xs-9">
                <label>Documentos adjuntos:</label>
            </div>
            <div class="col-md-2 col-xs-3">
            </div>
        </div>
    </div>


    <div class="row show-grid">
        <div class="col-sm-11 col-sm-offset-1 col-md-11 col-md-offset-1">
            <div id="gridDocumento"></div>
        </div>
    </div>

    <div class="modal-footer">
        <button type="button" class="btn btn-primary" onclick="fn_Retornar();">
            <span class="glyphicon glyphicon-remove"></span>&nbsp; &nbsp;Retornar
        </button>
    </div>
</div>
